<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>Register</title>

		<!-- Bootstrap -->
		<link href="/SoftBlog/css/bootstrap.min.css" rel="stylesheet">

		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<link href="/SoftBlog/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="/SoftBlog/css/register.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
        <script src="/SoftBlog/js/html5shiv.min.js"></script>
        <script src="/SoftBlog/js/respond.min.js"></script>
        <![endif]-->

	</head>

	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="">
						SolfBlog
					</a>
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">         
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>

				</div>
				<div id="SignButton">
					<a type="button" class="btn btn-default navbar-btn navbar-right"
					href="/SoftBlog/page/login.html">登陆/注册</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="/SoftBlog/index.jsp">首页</a>
						</li>
						<li>
							<a href="#link1">专题</a>
						</li>
						<li>
							<a href="#link2">发现</a>
						</li>
					</ul>
					<form class="navbar-form navbar-left">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Search">
						</div>
						<button type="submit" class="btn btn-default">搜索</button>
					</form>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
        
        
        <div class="container">
        <form class="form-register" >
        <h2 class="form-register-heading">Register</h2>
        <div class="form-group">
            <label for="register-account">用户名</label>
            <input type="text" class="form-control" id="register-account" placeholder="Account" onkeyup="checkAccount()">
            <div class="alert alert-danger" role="alert" id="message-box1"></div>
        </div>
        <div class="form-group">
            <label for="register-email">Email</label>
            <input type="email" class="form-control" id="register-email" placeholder="Email" onkeyup="checkEmail()">
            <div class="alert alert-danger" role="alert" id="message-box2"></div>
        </div>     
        <div class="form-group">
            <label for="register-name">昵称</label>
            <input type="text" class="form-control" id="register-name" placeholder="Name" onkeyup="checkName()">
            <div class="alert alert-danger" role="alert" id="message-box3"></div>
        </div>
       <div class="form-group">
             <label for="register-password">密码</label>
             <input type="password" id="register-password" class="form-control" placeholder="Password" required onkeyup="checkPassword()">
       </div>  
       <div class="form-group">
             <label for="register-password2">确认密码</label>
             <input type="password" id="register-password2" class="form-control" placeholder="Password" required onkeyup="checkPassword()">
             <div class="alert alert-danger" role="alert" id="message-box4"></div>
       </div>  

        <button class="btn btn-lg btn-primary btn-block" type="button" id="btn-register">注册</button>
     
        </form>

    </div> <!-- /container -->

		<footer class="footer">
			<div class="container">
				<p class="text-muted" id="footer">@SoftBlog</p>
			</div>
		</footer>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script type="text/javascript" src="/SoftBlog/js/jquery-3.1.1.min.js"></script>
	    <script type="text/javascript" src="/SoftBlog/js/register.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="/SoftBlog/js/bootstrap.min.js"></script>
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<script src="/SoftBlog/js/ie10-viewport-bug-workaround.js"></script>
	</body>

</html>